<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人信息</title>
</head>
<body>
<script type="module">
    import '../xy-ui/index.js';
</script>

<xy-form action="/login" method="post">
    <xy-form-item legend="编号">
        <xy-input name="id" placeholder="学号或教工编号" required></xy-input>
    </xy-form-item>

    <xy-form-item legend="姓名">
        <xy-input name="name" placeholder="姓名" required></xy-input>
    </xy-form-item>

    <xy-form-item legend="性别">
        <xy-radio-group name="sex" required>
            <xy-radio>男</xy-radio>
            <xy-radio>女</xy-radio>
        </xy-radio-group>
    </xy-form-item>

    <xy-form-item legend="年级">
        <xy-input defaultValue="2021" max="2021" min="2018" name="grade" required step="1" type="number"></xy-input>
    </xy-form-item>

    <xy-form-item legend="专业">
        <xy-input name="major" placeholder="专业全称" required></xy-input>
    </xy-form-item>

    <xy-form-item legend="电话">
        <xy-input name="phone" pattern="^1(3|4|5|6|7|8|9)\d{9}$" placeholder="电话" required></xy-input>
    </xy-form-item>

    <xy-form-item>
        <xy-button htmltype="submit" type="primary">提交修改</xy-button>
        <xy-button htmltype="reset">重置</xy-button>
    </xy-form-item>
</xy-form>
</body>
</html>
